<template>
  <div>
    <custom-table
      :tableData="tableData"
      :tableListData="tableListData"
      :currentData="currentData"
      :tableBtn="tableBtn"
      @handlLookDetail="handlLookDetail"
      @handldeleteDetail="handldeleteDetail"
      @onPageChange="onPageChange"
      @onSizeChange="onSizeChange"
    ></custom-table>
  </div>
</template>

<script>
import customTable from "@c/table";
export default {
  props: ["tableData", "tableListData", "currentData", "tableBtn"],
  components: {
    customTable
  },
  data() {
    return {};
  },
  methods: {
    onPageChange(val) {
      this.$emit("handlePageChange", val);
    },
    onSizeChange(val) {
      this.$emit("handleSizeChange", val);
    },
    handlLookDetail(row){
       this.$emit("handleDeTail", row);
    },
    handldeleteDetail(row){
     this.$emit("handleDelete", row);
    }
  }
};
</script>

<style lang="scss" scoped></style>
